@charset"utf-8";
@import"reset";
$fs:64px;
@function r($px){
    @return $px/$fs*1rem;
}
html{
    .content{
        width:100%;
        height:100%;
        background:#222222;
        .small{
            width:r(166px);
            height:r(140px);
            margin:0 auto;
            padding-top:r(190px);
            img{
            width:r(160px);
            }
        }
        .big{
            width:r(493px);
            margin:0 auto;
            margin-top:r(190px);
            font-size:0;
            position:relative;
            .texts{
                height:r(50px);
                width:r(62px);
                position:absolute;
                top:r(0px);
                left:r(0px);
                background: #303030;
                padding:r(8px) r(12px);
                i{
                    color:white;
                    font-size:r(30px);
                }
            }
            .pass{
                height:r(50px);
                width:r(62px);
                position:absolute;
                top:r(66px);
                left:r(0px);
                background: #303030;
                padding:r(8px) r(15px);
                i{
                    color:white;
                     font-size:r(30px);
                }
            }
            input:first-of-type{
                width:100%;
                height:r(50px);
                font-size:r(20px);
                padding-left:r(98px);
                background:#3d3d3d;
                border:none;
                color:white;
            }
            input:nth-of-type(2){
                width:100%;
                height:r(50px);
                font-size:r(20px);
                margin-top:r(16px);
                padding-left:r(98px);
                background:#3d3d3d;
                border:none;
                color:white;    
            }
            a {
                font-size:r(20px);
                display: block;
                float:right;
                color:white;
                margin-top:r(10px);
                margin-right:r(5px);
                i{
                    color:white;
                    font-size:r(24px);
                }   
            }
            >.denglu{
                padding-left:r(5px);
                
                a{
                    width:100%;
                    display:block; 
                    height:r(54px);
                    line-height:r(50px);
                    text-align:center;
                    width:100%;
                    color:white;
                    background:#b60005;
                    margin-top:r(104px);
                    font-size:r(23px);
                }
            }
            .zhuce{
                padding-left:r(5px);
                a{
                    display:block; 
                    font-size:r(23px);
                    color:white;
                    background:#303030;
                    height:r(54px);
                    line-height:r(54px);
                    width:100%;
                    margin-top:r(15px);
                    text-align:center;
                    border:1px solid red;

                }
            }
        }
    }
}
